<!DOCTYPE html>
<html lang="en"><head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>disputeo.com</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <?php echo $this->headLink()->appendStylesheet('/css/bootstrap.css') ?>
        <style type="text/css">
            body {
                padding-top: 60px;
                padding-bottom: 40px;
            }
            .sidebar-nav {
                padding: 9px 0;
            }
        </style>
        <link href="wireframe_files/bootstrap-responsive.css" rel="stylesheet">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png">
        <?php
        echo $this->jQuery()
            ->setVersion('1.5.1')
            ->setUiVersion('1.8.11')
            ->enable()
            ->uiEnable();
        ?>
        <?php echo $this->headScript() ?>
    </head>

    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">disputeo.com</a>
                    <div class="nav-collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Disputes</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#contact">Blog</a></li>
                        </ul>
                        <p class="navbar-text pull-right">
                            <a href="#">login</a> |
                            <a href="#">register</a> |
                            <a href="#">lost password</a> |
                        </p>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span2">
                    <div class="well sidebar-nav">
                        <ul class="nav nav-list">
                            <li class="nav-header">Category</li>
                            <li><a href="#">All</a></li>
                            <li><a href="#">News</a></li>
                            <li><a href="#">Sport</a></li>
                            <li><a href="#">Media</a></li>
                            <li><a href="#">Tech</a></li>
                            <li><a href="#">Business</a></li>
                            <li><a href="#">Science</a></li>
                            <li class="nav-header">Trends</li>
                            <li><a href="#">1. tonyblair</a></li>
                            <li><a href="#">2. syria</a></li>
                            <li><a href="#">3. thebudget</a></li>
                            <li><a href="#">4. maxmosley</a></li>
                            <li><a href="#">5. accrington</a></li>
                            <li class="nav-header">Want To Join?</li>
                            <li class="active"><a href="#">Login</a></li>
                            <li><a href="#">Register</a></li>
                            <li><a href="#">Lost Password</a></li>
                        </ul>
                    </div><!--/.well -->
                </div><!--/span-->

                <div class="span6">
                    <?php echo $this->layout()->content ?>
                </div>

            </div><!--/row-->
        </div><!--/.fluid-container-->

    </body></html>